<template>
  <div>
    <router-view></router-view>
  </div>
</template>
<script setup lang="ts">
  import { ref } from "vue"



</script>
<style scoped>
  a {
    text-decoration: none;
  }

  body {
    margin: 0;
    padding: 0;
    background: #f5f5f5;
  }

  p,
  div,
  span {
    font-size: 16px;
    padding: 0;
    margin: 0;
  }

  #Content-pate {
    position: absolute;
    top: 70px;
    left: 430px;
    right: 180px;
  }

  .content-main {
    background-color: #ffffff;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
  }

  .pager-next {
    display: flex;
    justify-content: center;
    padding: 50px;
  }

  .el-pagination.is-background .el-pager li.is-active {
    background-color: #ffbd00 !important;
  }

  #new-button {
    color: #333;
    background-color: #ffbd00;
    border: none;
  }

  .overflow-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;

  }
</style>
